<template>
  <div>
    <t-button variant="outline" @click="openSomeNotification">点击打开多个通知</t-button>
    <t-button variant="outline" @click="closeAll" id="t-demo-msg-close-all">点击关闭所有通知</t-button>
  </div>
</template>

<script>
export default {
  data() {
    return {
      msg: null,
    };
  },
  methods: {
    openSomeNotification() {
      this.$notify.info({ title: '这是第一条通知' });
      this.$notify.warning({ title: '这是第二条通知' });
      this.$notify.error({ title: '这是第三条通知' });
    },
    closeAll() {
      this.$notify.closeAll();
    },
  },
};
</script>

<style scoped>
  .t-button + .t-button {
    margin-left: 16px;
  }
</style>
